.pub_ecology {
    background: url("@/static/aimg/img_68.png") top center no-repeat #f3f5f5;
    background-size: 100vw auto;

    .page_box {
        padding: 0 30rpx;

        .lis_div_1 {
            background: url("@/static/aimg/img_82.png") top center no-repeat;
            background-size: 100% 100%;
            display: flex;
            flex-wrap: wrap;
            padding: 0 20rpx 20rpx 20rpx;
            justify-content: space-between;

            .title {
                line-height: 50rpx;
                width: 100%;
                font-size: 24rpx;
                color: #FFFFFF;
                padding: 0 18rpx;
            }

            .li {
                width: 48%;
                height: 130rpx;
                margin-top: 24rpx;
                padding: 26rpx 0 0 20rpx;

                .p_1 {
                    line-height: 40rpx;
                    font-size: 32rpx;
                    color: #523F80;
                    font-weight: bold;
                }

                .p_2 {
                    line-height: 40rpx;
                    font-size: 24rpx;
                    color: #B1A3D5;
                    margin-top: 8rpx;
                }
            }

            .li_o {
                .p_1 {
                    color: #215896;
                }

                .p_2 {
                    color: #A3B4D5;
                }
            }

            .li_1 {
                background: url("@/static/aimg/img_71.png") center no-repeat;
                background-size: 100% 100%;
            }

            .li_2 {
                background: url("@/static/aimg/img_72.png") center no-repeat;
                background-size: 100% 100%;
            }

            .li_3 {
                background: url("@/static/aimg/img_76.png") center no-repeat;
                background-size: 100% 100%;
            }

            .li_4 {
                background: url("@/static/aimg/img_77.png") center no-repeat;
                background-size: 100% 100%;
            }

            .li_5 {
                background: url("@/static/aimg/img_78.png") center no-repeat;
                background-size: 100% 100%;
            }

            .li_6 {
                background: url("@/static/aimg/img_79.png") center no-repeat;
                background-size: 100% 100%;
            }

            .li_7 {
                background: url("@/static/aimg/img_80.png") center no-repeat;
                background-size: 100% 100%;
            }

            .li_8 {
                background: url("@/static/aimg/img_81.png") center no-repeat;
                background-size: 100% 100%;
            }
        }

        .lis_div_2 {
            margin: 20rpx 0;
            width: 100%;
            height: 330rpx;
            position: relative;

            .li_1 {
                width: 350rpx;
                height: 330rpx;
                background: url("@/static/aimg/img_73.png") center no-repeat;
                background-size: 100% 100%;
            }

            .li_2 {
                width: 340rpx;
                height: 180rpx;
                background: url("@/static/aimg/img_74.png") center no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 0;
                top: 0;
            }

            .li_3 {
                width: 362rpx;
                height: 128rpx;
                background: url("@/static/aimg/img_75.png") center no-repeat;
                background-size: 100% 100%;
                position: absolute;
                right: 0;
                bottom: 0;
            }
        }

        .lis_div_3 {
            background: url("@/static/aimg/img_83.png") top center no-repeat;
            background-size: 100% 100%;
        }
    }



    .lis_div {
        width: calc(100% - 48rpx);
        margin: 16rpx auto;
        background-color: #fff;
        padding: 18rpx 12rpx 10rpx 12rpx;
        border-radius: 16rpx;

        .title {
            line-height: 40rpx;
            color: #1661F6;
            font-size: 28rpx;
            text-align: center;
        }

        .lis {
            display: flex;
            flex-wrap: wrap;

            .li {
                width: calc(50% - 12rpx);
                padding: calc(50% - 12rpx) 0 0 0;
                margin: 24rpx 22rpx 0 0;
                position: relative;
                border-radius: 8rpx;
                overflow: hidden;
                background-color: #F3F7FF;

                .img {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

                .txt {
                    width: 100%;
                    line-height: 66rpx;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    font-size: 32rpx;
                    color: #FFFFFF;
                    font-weight: bold;
                    text-align: center;
                    background-color: rgba(78, 137, 254, 0.4);
                }
            }

            .li:nth-child(2n) {
                margin: 28rpx 0 0 0;
            }
        }
    }
}

.pub_ecology_tree {

    .page_box {
        padding: calc(var(--status-bar-height) + 4.4vw) 0 100rpx 0;
        background: url("@/static/aimg/img_50.png") top center no-repeat;
        background-size: 100% auto;

        .tree_div {
            width: 100vw;
            height: 120vw;
            position: relative;
            background: url("@/static/aimg/img_51.png") top center no-repeat;
            background-size: 120% auto;

            .lis {
                width: 90%;
                height: 550rpx;
                position: absolute;
                left: 5%;
                top: 15vw;

                .li_1 {
                    width: 100rpx;
                    height: 100rpx;
                    background: url("@/static/aimg/img_53.png") center no-repeat;
                    background-size: 100rpx;
                    text-align: center;
                    line-height: 100rpx;
                    color: #F18220;
                    font-size: 28rpx;
                    font-weight: bold;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                .li_2 {
                    width: 100rpx;
                    height: 100rpx;
                    background: url("@/static/aimg/img_52.png") center no-repeat;
                    background-size: 100rpx;
                    text-align: center;
                    line-height: 100rpx;
                    color: #347832;
                    font-size: 32rpx;
                    font-weight: bold;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                .li_1_0 {
                    top: 50rpx;
                    left: 100rpx;
                }

                .li_1_1 {
                    top: 0rpx;
                    left: 340rpx;
                }

                .li_1_2 {
                    top: 60rpx;
                    left: 500rpx;
                }

                .li_1_3 {
                    top: 180rpx;
                    left: 140rpx;
                }

                .li_1_4 {
                    top: 220rpx;
                    left: 320rpx;
                }

                .li_1_5 {
                    top: 220rpx;
                    left: 550rpx;
                }

                .li_1_6 {
                    top: 300rpx;
                    left: 80rpx;
                }

                .li_1_7 {
                    top: 420rpx;
                    left: 180rpx;
                }

                .li_1_8 {
                    top: 400rpx;
                    left: 500rpx;
                }

                .li_1_9 {
                    top: 250rpx;
                    left: 440rpx;
                }

                .li_2_0 {
                    top: 80rpx;
                    left: -20rpx;
                }

                .li_2_1 {
                    top: -20rpx;
                    left: 210rpx;
                }

                .li_2_2 {
                    top: 100rpx;
                    left: 400rpx;
                }

                .li_2_3 {
                    top: 200rpx;
                    left: 30rpx;
                }

                .li_2_4 {
                    top: 120rpx;
                    left: 240rpx;
                }

                .li_2_5 {
                    top: 120rpx;
                    left: 600rpx;
                }

                .li_2_6 {
                    top: 400rpx;
                    left: 10rpx;
                }

                .li_2_7 {
                    top: 300rpx;
                    left: 200rpx;
                }

                .li_2_8 {
                    top: 330rpx;
                    left: 590rpx;
                }

                .li_2_9 {
                    top: 380rpx;
                    left: 360rpx;
                }
            }
        }

        .nums_div {
            margin-top: -21vw;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative;
            padding: 0 24rpx;

            .li {
                width: calc(50% - 8rpx);
                background-image: linear-gradient(#F8FFDA, #F3FFC1);
                padding: 12rpx;
                border-radius: 10rpx;
                margin: 28rpx 0 0 0;

                .txt {
                    padding: 12rpx 0;
                }

                .p_1 {
                    font-size: 44rpx;
                    color: #45630D;
                    font-weight: bold;
                    text-align: center;
                    line-height: 60rpx;
                }

                .p_2 {
                    font-size: 28rpx;
                    color: #45630D;
                    text-align: center;
                    line-height: 40rpx;
                }
            }

            .li_first {
                width: calc(50% - 8rpx);
                margin: 0 calc((50% - 8rpx) / 2) 40rpx calc((50% - 8rpx) / 2);
                padding: 14rpx 34rpx;
                border-radius: 10rpx;
                display: flex;
                justify-content: space-between;
                background: url("@/static/aimg/img_54.png") center no-repeat;
                background-size: 100% 100%;

                .p_1 {
                    font-size: 36rpx;
                    color: #DDFF9A;
                    font-weight: bold;
                    line-height: 40rpx;
                }

                .p_2 {
                    font-size: 28rpx;
                    color: #DDFF9A;
                    line-height: 40rpx;
                }
            }

            .li_o {
                margin: 28rpx 0 0 0;
                display: flex;
                width: 100%;

                .txt {
                    width: 148rpx;
                    line-height: 100rpx;
                    font-size: 28rpx;
                    color: #45630D;
                    font-weight: bold;
                }

                .num {
                    flex: 1;
                    height: 100rpx;
                    background-image: linear-gradient(#F8FFDA, #F3FFC1);
                    border-radius: 10rpx;
                    line-height: 70rpx;
                    font-size: 44rpx;
                    font-weight: bold;
                    color: #45630D;
                    padding: 15rpx 15rpx 15rpx 22rpx;

                    .btn {
                        float: right;
                        width: 140rpx;
                        height: 70rpx;
                        line-height: 70rpx;
                        color: #DDFF9A;
                        font-size: 28rpx;
                        text-align: center;
                        margin: 0 0 0 12rpx;
                        background: url("@/static/aimg/img_55.png") center no-repeat;
                        background-size: 140rpx 70rpx;
                    }
                }
            }
        }

        .task_div {
            width: calc(100% - 48rpx);
            margin: 60rpx auto 0 auto;
            border-radius: 16rpx;
            padding: 0 40rpx;
            // background-image: linear-gradient(rgba(248, 255, 218, 0.8), rgba(243, 255, 193, 0.8));
            background-color: #A9DA6D;

            .title {
                line-height: 80rpx;
                text-align: center;
                font-size: 28rpx;
                color: #45630D;
                border-bottom: 2rpx solid #699F1B;
            }

            .lis {
                padding: 20rpx 0;

                .li {
                    padding: 15rpx 0;
                    display: flex;
                    justify-content: space-between;

                    .p_1 {
                        line-height: 40rpx;
                        font-size: 28rpx;
                        color: #45630D;
                    }
                }
            }
        }
    }

    .tree_alert_div {
        background-color: rgba(0, 0, 0, 0.8);
        width: 100vw;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        display: flex;
        justify-content: center;
        align-items: center;

        .alert_box {
            width: 90vw;
            background-image: linear-gradient(#F8FFDA, #F3FFC1);
            border-radius: 16rpx;
            padding: 0 50rpx 70rpx 50rpx;

            .title {
                line-height: 140rpx;
                text-align: center;
                color: #000000;
                font-size: 36rpx;
                font-weight: bold;
                position: relative;

                .close {
                    font-size: 20rpx;
                    position: absolute;
                    right: 0;
                    top: 0;
                    color: #000;
                }
            }

            .content {
                padding: 60rpx 0 100rpx 0;
                line-height: 40rpx;
                text-align: center;
                color: #000000;
                font-size: 32rpx;

                .input {
                    height: 100rpx;
                    background-color: rgba(0, 0, 0, 0.1);
                    border-radius: 20rpx;
                    padding: 0 30rpx;
                    text-align: left;
                }
            }

            .btn {
                width: 350rpx;
                margin: 0 auto;
                background-image: linear-gradient(#2BD77B, #FFEF65);
                line-height: 100rpx;
                height: 100rpx;
                text-align: center;
                color: #161E06;
                font-size: 28rpx;
                font-weight: bold;
                border-radius: 8rpx;
                letter-spacing: 2rpx;
            }
        }
    }
}

.pub_tree_pledge_list {
    background: url("@/static/aimg/img_64.png") center no-repeat;
    background-size: 100% 100%;

    .page_box {
        background: none;
        padding: 0;
    }

    .plis_div {
        padding: 40rpx 32rpx;

        .li_td {
            display: flex;
            border-bottom: 2rpx solid rgba(255, 255, 255, 0.5);

            .li {
                width: 25%;
                line-height: 40rpx;
                text-align: center;
                color: #000000;
                font-size: 22rpx;
                padding: 30rpx 0;

                .btn {
                    width: 100rpx;
                    margin: 0 auto;
                    background-image: linear-gradient(#64C63F, #46A024);
                    line-height: 40rpx;
                    height: 40rpx;
                    text-align: center;
                    color: #FFFFFF;
                    font-size: 24rpx;
                    font-weight: bold;
                    border-radius: 8rpx;
                    letter-spacing: 2rpx;
                }
            }
        }

        .li_th {
            border-bottom: none;
            background-image: linear-gradient(#F8FFDA, #F3FFC1);
            border-radius: 12rpx;
            margin-bottom: 10rpx;

            .li {
                color: #000000;
                font-size: 24rpx;
                padding: 20rpx 0;
                position: relative;
                font-weight: bold;
            }

            .li::before {
                width: 2rpx;
                height: 34rpx;
                background-color: #51AE2E;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -17rpx;
                content: "";
            }

            .li:last-child::before {
                opacity: 0;
            }
        }
    }
}

.pub_ecology_tree_two {
    background: url("@/static/aimg/img_116.png") top center no-repeat #F5F5F5;
    background-size: 100vw auto;

    .page_box {
        .user_box {
            padding: 40rpx 20rpx 160rpx 20rpx;
            display: flex;
            justify-content: space-between;
            background: url("@/static/aimg/img_99.png") bottom center no-repeat;
            background-size: 100% auto;

            .li {
                width: 30%;
                padding-top: 30rpx;

                .p_1 {
                    line-height: 50rpx;
                    text-align: center;
                    color: #0F0F0F;
                    font-weight: bold;
                    font-size: 42rpx;
                }

                .p_2 {
                    line-height: 40rpx;
                    text-align: center;
                    color: #3B86E4;
                    font-size: 24rpx;
                    margin-top: 10rpx;
                }
            }

            .user {
                width: 40%;

                .border {
                    width: 115rpx;
                    height: 115rpx;
                    border: 1rpx solid #3B86E4;
                    padding: 7rpx;
                    border-radius: 50%;
                    margin: 0 auto;
                }

                .headimg {
                    width: 100rpx;
                    height: 100rpx;
                    border-radius: 50%;
                    overflow: hidden;
                    position: relative;
                }

                .p_1 {
                    line-height: 50rpx;
                    text-align: center;
                    color: #0F0F0F;
                    font-weight: bold;
                    font-size: 32rpx;
                    margin-top: 20rpx;
                }
            }
        }

        .grade_box {
            // background: url("@/static/aimg/img_99.png") bottom center no-repeat;
            // background-size: 100% auto;
            background-color: #F7D1A9;
            width: 700rpx;
            height: 250rpx;
            border-radius: 20rpx;
            margin: 50rpx auto 0 auto;
            position: relative;
            padding: 40rpx 250rpx 0 30rpx;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;

            .p_1 {
                line-height: 50rpx;
                color: #41260C;
                font-weight: bold;
                font-size: 60rpx;
            }

            .p_2 {
                flex: 1;
                line-height: 50rpx;
                color: #46250A;
                font-size: 24rpx;
                margin: 0 0 0 40rpx;

                .num {
                    font-size: 36rpx;
                    font-weight: bold;
                    padding: 0 4rpx 0 0;
                }
            }

            .pro_div {
                width: 100%;
                display: flex;
                flex-wrap: wrap;

                .p_3 {
                    width: 100%;
                    line-height: 30rpx;
                    color: #41260C;
                    font-size: 18rpx;
                }

                .pro {
                    width: 80%;
                    height: 14rpx;
                    border-radius: 7rpx;
                    background-color: rgba(65, 38, 12, 0.17);
                    margin: 10rpx 0;

                    .pro_has {
                        height: 14rpx;
                        width: 0%;
                        border-radius: 7rpx;
                        background-image: linear-gradient(to right, #FDEAD2, #F1BA7D);
                    }
                }

                .pro_num {
                    width: 20%;
                    line-height: 14rpx;
                    color: #44270B;
                    font-size: 16rpx;
                    padding: 0 0 0 20rpx;
                    margin: 10rpx 0;
                }

                .p_4 {
                    width: 40%;
                    line-height: 20rpx;
                    color: #41260C;
                    font-size: 16rpx;
                }

                .p_5 {
                    width: 40%;
                    line-height: 20rpx;
                    color: #41260C;
                    font-size: 16rpx;
                    text-align: right;
                }
            }

            .jb_num {
                background: url("@/static/aimg/img_101.png") left center no-repeat;
                background-size: 33rpx;
                padding: 0 0 0 45rpx;
                position: absolute;
                right: 50rpx;
                bottom: 30rpx;
                line-height: 40rpx;
                color: #42280C;
                font-size: 24rpx;
                height: 40rpx;

                .num {
                    font-size: 36rpx;
                    line-height: 40rpx;
                    font-weight: bold;
                    padding: 0 4rpx 0 0;
                }
            }
        }

        .grade_box::before {
            width: 230rpx;
            height: 230rpx;
            background: url("@/static/aimg/img_100.png") center no-repeat;
            background-size: cover;
            content: "";
            position: absolute;
            top: -80rpx;
            right: 0;
        }

        .join_box {
            width: 700rpx;
            height: 200rpx;
            background: url("@/static/aimg/img_102.png") center no-repeat;
            background-size: 100% 100%;
            margin: 0 auto;
        }

        .rm_box {
            padding: 0 20rpx 0 20rpx;

            .title {
                height: 90rpx;
                line-height: 92rpx;
                color: #41260C;
                font-size: 32rpx;
                font-weight: bold;
                background: url("@/static/aimg/img_103.png") left center no-repeat;
                background-size: 33rpx auto;
                padding: 0 0 0 45rpx;

                .more {
                    float: right;
                    font-weight: normal;
                    font-size: 24rpx;
                    line-height: 92rpx;
                    color: #333333;
                    background: url("@/static/aimg/img_107.png") right center no-repeat;
                    background-size: 12rpx auto;
                    padding: 0 20rpx 0 0;
                }
            }

            .lis {
                width: 100%;
                display: flex;
                flex-wrap: wrap;

                .li {
                    width: 50%;
                    background: url("@/static/aimg/img_104.png") center no-repeat;
                    background-size: 100% 100%;
                    height: 470rpx;
                    padding: 30rpx 50rpx 60rpx 50rpx;

                    .p_1 {
                        font-size: 32rpx;
                        line-height: 50rpx;
                        color: #41260C;
                        background: url("@/static/aimg/img_106.png") top center no-repeat;
                        background-size: auto 50rpx;
                        padding: 60rpx 0 0 0;
                        text-align: center;
                        font-weight: bold;
                        margin-bottom: 20rpx;
                    }

                    .p_2 {
                        font-size: 24rpx;
                        line-height: 30rpx;
                        color: #D0AE89;
                        margin-bottom: 15rpx;
                    }

                    .btn {
                        width: 90%;
                        height: 50rpx;
                        text-align: center;
                        line-height: 50rpx;
                        border-radius: 25rpx;
                        margin: 30rpx auto 0 auto;
                        font-size: 24rpx;
                        color: #41260C;
                        background-image: linear-gradient(to right, #FDEAD2, #F1BA7D);
                    }
                }
            }
        }

        .exchange_alert_box {
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.4);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            align-content: center;

            .cont {
                width: 80%;
                min-height: 240rpx;
                padding: 120rpx 0 60rpx 0;
                background: url("@/static/aimg/img_108.png") center no-repeat;
                background-size: 100% 100%;
                position: relative;

                .title {
                    text-align: center;
                    font-size: 28rpx;
                    line-height: 40rpx;
                    color: #0F0F0F;
                }

                .btn {
                    width: 250rpx;
                    height: 64rpx;
                    text-align: center;
                    line-height: 64rpx;
                    border-radius: 32rpx;
                    margin: 40rpx auto 0 auto;
                    font-size: 28rpx;
                    color: #fff;
                    background-image: linear-gradient(to right, #A1E3FE, #3995F8);
                }
            }

            .cont::before {
                width: 210rpx;
                height: 210rpx;
                background: url("@/static/aimg/img_109.png") center no-repeat;
                background-size: cover;
                content: "";
                position: absolute;
                top: -100rpx;
                left: 50%;
                margin-left: -105rpx;
            }

            .close {
                width: 50rpx;
                height: 50rpx;
                background: url("@/static/aimg/img_110.png") center no-repeat;
                background-size: 100% 100%;
                margin: 50rpx 30vw;
            }
        }

        .real_alert_box {
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.4);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            align-content: center;

            .cont {
                width: 600rpx;
                height: 900rpx;
                padding: 280rpx 40rpx 0 40rpx;
                background: url("@/static/aimg/img_117.png") center no-repeat;
                background-size: 100% 100%;
                position: relative;

                .title {
                    text-align: center;
                    font-size: 32rpx;
                    line-height: 40rpx;
                    color: #333333;
                    font-weight: bold;
                }

                .lis {
                    width: 100%;
                    padding: 50rpx 0 30rpx 0;

                    .li {
                        width: 100%;
                        display: flex;

                        .name {
                            width: 170rpx;
                            line-height: 70rpx;
                            font-size: 24rpx;
                            color: #666666;
                            padding: 0 0 0 40rpx;
                            margin-bottom: 20rpx;
                        }

                        .name_1 {
                            background: url("@/static/aimg/img_121.png") left center no-repeat;
                            background-size: 26rpx;
                        }

                        .name_2 {
                            background: url("@/static/aimg/img_119.png") left center no-repeat;
                            background-size: 26rpx;
                        }

                        .name_3 {
                            background: url("@/static/aimg/img_120.png") left center no-repeat;
                            background-size: 26rpx;
                        }

                        .input_box {
                            width: calc(100% - 170rpx);
                            height: 70rpx;
                            border: 2rpx solid rgba(204, 204, 204, 0.5);
                            border-radius: 25rpx;
                            padding: 0 20rpx;

                            .input {
                                width: 100%;
                                height: 62rpx;
                                line-height: 72rpx;
                                color: #000;
                                font-size: 24rpx;
                            }
                        }
                    }
                }

                .pub_btn {
                    width: 250rpx;
                    height: 64rpx;
                    line-height: 64rpx;
                    font-size: 28rpx;
                    color: #FEFEFE;
                }

                .msg_box {
                    margin-top: 30rpx;

                    .p_1 {
                        line-height: 30rpx;
                        font-size: 24rpx;
                        color: #0F0F0F;
                        margin-bottom: 8rpx;

                        .xing {
                            color: #930606;
                        }
                    }

                    .p_2 {
                        line-height: 24rpx;
                        font-size: 20rpx;
                        color: #999999;
                    }
                }
            }

            .close {
                width: 50rpx;
                height: 50rpx;
                background: url("@/static/aimg/img_110.png") center no-repeat;
                background-size: 100% 100%;
                margin: 50rpx 30vw;
            }
        }
    }
}

.pub_exchange_log {
    background: url("@/static/aimg/img_116.png") top center no-repeat #F5F5F5;
    background-size: 100vw auto;

    .page_box {
        padding: 0 20rpx;

        .lis_box {
            padding: 20rpx 0 0 0;

            .li {
                background-color: #fff;
                border-radius: 20rpx;
                padding: 0 30rpx;
                margin-bottom: 20rpx;

                .title {
                    height: 94rpx;
                    line-height: 96rpx;
                    border-bottom: 2rpx solid rgba(230, 230, 230, 0.5);
                    color: #0F0F0F;
                    font-size: 32rpx;
                    font-weight: bold;
                    background: url("@/static/aimg/img_105.png") left center no-repeat;
                    background-size: 40rpx auto;
                    padding: 0 0 0 60rpx;
                }

                .pli {
                    padding: 10rpx 0 35rpx 0;

                    .p {
                        line-height: 30rpx;
                        color: #666666;
                        font-size: 24rpx;
                        margin-top: 20rpx;
                        padding: 0 0 0 50rpx;

                        .span {
                            color: #333333;
                        }
                    }

                    .p_1 {
                        background: url("@/static/aimg/img_111.png") left center no-repeat;
                        background-size: 30rpx auto;
                    }

                    .p_2 {
                        background: url("@/static/aimg/img_112.png") left center no-repeat;
                        background-size: 30rpx auto;
                    }

                    .p_3 {
                        background: url("@/static/aimg/img_113.png") left center no-repeat;
                        background-size: 30rpx auto;
                    }

                    .p_4 {
                        background: url("@/static/aimg/img_114.png") left center no-repeat;
                        background-size: 30rpx auto;
                    }

                    .p_5 {
                        background: url("@/static/aimg/img_115.png") left center no-repeat;
                        background-size: 30rpx auto;
                    }
                }
            }
        }
    }
}